<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="/common/header :: common_header(~{::title},~{::link})">
    <meta name="renderer" content="webkit">
    <title> 云影像平台 </title>
    <link th:href="@{/css/animate.css}" rel="stylesheet">
    <link th:href="@{/css/backstage-style.css?v=4.1.0}" rel="stylesheet">
</head>

<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
<div id="wrapper">
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                                    <span class="block m-t-xs" style="font-size:20px;">
                                        <i class="fa fa-area-chart"></i>
                                        <strong class="font-bold">云平台</strong>
                                    </span>
                                </span>
                        </a>
                    </div>
                    <div class="logo-element">云平台
                    </div>
                </li>
                <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
                    <span class="ng-scope">分类</span>
                </li>
                <li>
                    <a class="J_menuItem" href="/backstage/indexInfo">
                        <i class="fa fa-home"></i>
                        <span class="nav-label">主页</span>
                    </a>
                </li>

                <li class="line dk"></li>
                <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
                    <span class="ng-scope">组织机构</span>
                </li>
                <li>
                    <a href="mailbox.html"><i class="fa fa-user"></i> <span class="nav-label">用户管理 </span></a>
                    <ul class="nav nav-second-level">
                        <li><a class="J_menuItem" th:href="@{/backstage/user/list}">所有用户</a>
                            <a class="J_menuItem" th:href="@{/backstage/user/addUser}">新增用户</a>
                        </li>
                    </ul>
                </li>

                <li class="line dk"></li>
                <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
                    <span class="ng-scope">插件</span>
                </li>

                <!--<li>-->
                <!--<a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI元素</span><span class="fa arrow"></span></a>-->
                <!--<ul class="nav nav-second-level">-->
                <!--<li><a class="J_menuItem" th:href="@{/backstage/other/sweetAlert}">弹窗</a>-->
                <!--</li>-->
                <!--<li><a class="J_menuItem" th:href="@{/backstage/other/toAStrNotifications}">Toastr通知</a>-->
                <!--</li>-->
                <!--<li><a class="J_menuItem" th:href="@{/backstage/other/toAStrNotifications}">加载动画</a>-->
                <!--</li>-->
                <!--<li><a class="J_menuItem" th:href="@{/backstage/other/widgets}">小部件</a>-->
                <!--</li>-->
                <!--<li><a class="J_menuItem" th:href="@{/backstage/table/dataTables}">DataTables</a>-->
                <!--</li>-->
                <!--<li><a class="J_menuItem" th:href="@{/backstage/table/bootstrapTable}">Bootstrap Table-->
                <!--<span class="label label-danger pull-right">推荐</span></a>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</li>-->

                <!--<li>-->
                <!--<a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">页面</span><span class="fa arrow"></span></a>-->
                <!--<ul class="nav nav-second-level">-->
                <!--<li><a class="J_menuItem" th:href="@{/common/404}">404页面</a>-->
                <!--</li>-->
                <!--<li><a class="J_menuItem" th:href="@{/common/500}">500页面</a>-->
                <!--</li>-->
                <!--<li><a class="J_menuItem" th:href="@{/common/empty}">空白页</a>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</li>-->

                <li class="line dk"></li>
                <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
                    <span class="ng-scope">系统运营</span>
                </li>

                    <!--<li>-->
                        <!--<a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">信箱 </span><span class="label label-warning pull-right">16</span></a>-->
                        <!--<ul class="nav nav-second-level">-->
                            <!--<li><a class="J_menuItem" th:href="@{/backstage/mail/box}">收件箱</a>-->
                            <!--</li>-->
                            <!--<li><a class="J_menuItem" th:href="@{/backstage/mail/detail}">查看邮件</a>-->
                            <!--</li>-->
                            <!--<li><a class="J_menuItem" th:href="@{/backstage/mail/compose}">写信</a>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</li>-->

                    <li>
                        <a  class="J_menuItem"  th:href="@{/backstage/manage/log}"><i class="fa fa-envelope"></i> <span class="nav-label">日志 </a>
                    </li>
                    <!--<li>-->
                        <!--<a th:href="@{/mailbox.html}"><i class="fa fa-envelope"></i> <span class="nav-label">实况 </span><span class="label label-warning pull-right">16</span></a>-->
                    <!--</li>-->
            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header"><a class="navbar-minimalize minimalize-styl-2 btn btn-info " href="#"><i
                        class="fa fa-bars"></i> </a>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                            <i class="fa fa-envelope"></i> <span class="label label-warning">16</span>
                        </a>
                        <ul class="dropdown-menu dropdown-messages">
                            <li class="m-t-xs">
                                <div class="dropdown-messages-box">
                                    <a href="profile.html" class="pull-left">
                                        <img alt="image" class="img-circle" th:src="@{/images/a7.jpg}">
                                    </a>
                                    <div class="media-body">
                                        <small class="pull-right">46小时前</small>
                                        <strong>小四</strong> 是不是只有我死了,你们才不骂爵迹
                                        <br>
                                        <small class="text-muted">3天前 2014.11.8</small>
                                    </div>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="dropdown-messages-box">
                                    <a href="profile.html" class="pull-left">
                                        <img alt="image" class="img-circle" th:src="@{/images/a4.jpg}">
                                    </a>
                                    <div class="media-body ">
                                        <small class="pull-right text-navy">25小时前</small>
                                        <strong>二愣子</strong> 呵呵
                                        <br>
                                        <small class="text-muted">昨天</small>
                                    </div>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="text-center link-block">
                                    <a class="J_menuItem" href="mailbox.html">
                                        <i class="fa fa-envelope"></i> <strong> 查看所有消息</strong>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                            <i class="fa fa-bell"></i> <span class="label label-primary">8</span>
                        </a>
                        <ul class="dropdown-menu dropdown-alerts">
                            <li>
                                <a href="mailbox.html">
                                    <div>
                                        <i class="fa fa-envelope fa-fw"></i> 您有16条未读消息
                                        <span class="pull-right text-muted small">4分钟前</span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="profile.html">
                                    <div>
                                        <i class="fa fa-qq fa-fw"></i> 3条新回复
                                        <span class="pull-right text-muted small">12分钟钱</span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="text-center link-block">
                                    <a class="J_menuItem" href="notifications.html">
                                        <strong>查看所有 </strong>
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="row J_mainContent" id="content-main">
            <iframe id="J_iframe" width="100%" height="100%" src="/backstage/indexInfo?v=4.0" frameborder="0"
                    data-id="index_v1.html" seamless></iframe>
        </div>
    </div>
    <!--右侧部分结束-->
</div>

<!-- 全局js -->
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>

<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<!-- 自定义js -->
<script th:src="@{/js/backstage/backstage.js?v=4.1.0}" type="text/javascript"></script>
<script th:src="@{/js/backstage/index.js}" type="text/javascript"></script>
</body>

</html>
